<template>
  <div>
    <van-nav-bar title="失物招领" left-text="返回" left-arrow @click-left="back" />
    <h4>失物招领服务中心</h4>
    <div  class="found" v-for="(item,index) in list" :key="index">
        <!-- {{item}} -->
        <p @click="foundlist(item1)" v-for="item1 in item.metroFoundList" :key="item1.id">
        {{item1.claimPlace}}
        </p>

    </div>
  </div>
</template>

<script>
import mixin from  "@/mixin/flag";
import {foundget} from './Service'
export default {
    data(){
        return{
            list:[],
        }
    },
    mixins:[mixin],
    methods:{
        back(){
        this.$router.go(-1);
        },
        foundlist(item1){
            this.$dialog.alert({
                message: `拾取地点：${item1.foundPlace}<br><br>拾取时间：${item1.foundTime}`,
                }).then(() => {
                // on close
            });
        }
    },
    async created(){
        let res = await foundget()
        this.list=res.data.data
        console.log(res);
    }

}
</script>

<style lang="scss" scoped>
h4{
    font-size: 20px;
    font-weight: bold;
    margin: 20px;
}
.found{
    width: 100%;
    font-size: 16px;
    
    
    
    p{
        padding-left: 20px;
        line-height: 40px;
        border-bottom: 1px solid #666;
    }
}
</style>